<template>
  <div>
    
       <van-row type="flex" align="center">
      <van-col span="2">
        <van-icon
          name="arrow-left"
          size="40"
          color="rgb(64, 150, 236)"
          @click="back"
        />
      </van-col>
      <van-col span="8" offset="6">支付宝支付</van-col>
    </van-row>
    <hr />



   <van-cell is-link @click="showPopup">展示弹出层</van-cell>
<van-popup
  v-model="show"
  closeable
  position="bottom"
  :style="{ height: '60%' }"
>

<h3>确认付款</h3>
<hr>
<h1>￥24.80</h1>
<van-row>
  <van-col span="6" offset="1">
    支付宝账号
  </van-col>
   <van-col span="13" offset="4">
  saj****fo@zhifubao.cn
  </van-col>
</van-row>
<hr>
<van-row>
  <van-col span="6" offset="1">
    付款方式
  </van-col>
   <van-col span="5" offset="10">
  账户余额
  </van-col>
</van-row>
<hr>
<van-button type="info" size="large" class="fukuan">立即付款</van-button>


</van-popup>
  </div>
</template>

<script>
export default {
   data() {
    return {
      show: true,
    };
  },

  methods: {
    showPopup() {
      this.show = true;
    },
    back(){

    }
  },

}
</script>

<style>
.zhifu{
margin-left:120px;
font-size: 12px;
}
.fukuan{
  margin-top:100px;
  width:350px;
}
</style>